import { trigger, state, animate, style, transition } from '@angular/animations';

export const enlarge = trigger('enlarge', [
    state('in',
        style({
            opacity: 1,
            transform: 'scale(1)',
        })
    ),
    transition(':enter', [
        style({
            opacity: 0,
            transform: 'scale(1.1)',
        }),
        animate('0.3s cubic-bezier(0.19, 1, 0.22, 1)')
    ]),
    transition(':leave', [
        animate('0.3s cubic-bezier(0.19, 1, 0.22, 1)', style({
            opacity: 0,
            transform: 'scale(1.1)',
        }))
    ])
])